<template>
  <div>
    <template>
      <baidu-map class="map" :center="center" :zoom="zoom" @ready="handler"></baidu-map>
    </template>
  </div>
</template>

<script>
export default {
  name: 'MyMap',
  data() {
    return {
      center: {lng: 0, lat: 0},
      zoom: 3
    }
  },
  methods: {
    handler ({BMap, map}) {
      console.log(BMap, map)
      this.center.lng = 116.404
      this.center.lat = 39.915
      this.zoom = 15
    }
  }
}
</script>
<style>
  .map {
    width: 100%;
    height: 480px;
  }
</style>
